<!DOCTYPE html>
<!-- jquery实现userCRUD -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function() {
	var $city = $("#city");
	var cities = [ [ "广州市", "深圳市", "东莞市", "佛山市", "珠海市" ],
			[ "成都市", "南充市", "达州市", "遂宁市", "德阳市" ], [ "南昌市", "宜春市", "吉安市" ],
			[ "长沙市", "永州市", "株洲市" ] ];
	$("#provence").change(function() {
		$city.get(0).length = 1; 
		var val = this.value;
		$.each(cities, function(i, n) {
			if (val == i) {
				$(n).each(function(j, m) {
					
					$city.append("<option name='city'>" + m + "</option>")
				});
			}
		});
	});
});
</script>
</head>
<body>
        省份：
	<select id="provence">
		<option value="0" name="provence">广东省</option>
		<option value="1" name="provence">四川省</option>
		<option value="2" name="provence">江西省</option>
		<option value="3" name="provence">湖南省</option>
	</select> 城市：
	<select id="city">
		<option value="0" name="city">请选择</option>
	</select>
</body>
</html>